<template>
  <div id="app">
    <div id="nav" class="nav">
      <router-link class="link" to="/">计算和监听属性</router-link>
      <router-link class="link" to="/about">组件传值</router-link>
      <router-link class="link" to="/vuex">vuex状态管理</router-link>
    </div>
    <router-view />
  </div>
</template>

<style lang="less">
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: auto;
}
li {
  list-style: none;
}
.link {
  margin-right: 20px;
  padding: 10px 20px;
  height: 30px;
  line-height: 30px;
  background-color: #ececec;
  border-radius: 5px;
}
</style>
